<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:c="http://java.sun.com/jstl/core"
        xmlns:p="http://primefaces.org/ui">

    <script type="text/javascript">
           
    </script>
   <ui:composition template="/templates/common.xhtml">
   <ui:define name="body">
   <f:loadBundle var="msgSeguridad"
			basename="pe.gob.pcm.rufe.action.seguridad" />
    <center>
            <h:form>
			
			<p:growl id="messages" showDetail="true" globalOnly="true" autoUpdate="true" sticky="true" />  
			</h:form>  
            <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="margin-top:100px">
                <tr>
                    <td width="600" height="152" ></td>
                </tr>
                <tr>
                    <td>
                        <table cellpadding="0" cellspacing="0" border="0">
                            <td width="137" height="120">
                            </td>
                            <td width="100%">
                                <table border="0" cellpadding="0" cellspacing="0" width="90%" align="center">
                                    <tr>
                                        <td height="10" colspan="2"></td>
                                    </tr>
                                   
                                    <tr>
                                        <td height="5" colspan="2" align="center">
                                        <h:form id="form">
                                         <p:messages id="messagesForm" showDetail="true" autoUpdate="true" globalOnly="false"/>
                                         
                                         <p:panel id="panel" header="#{msgSeguridad.SEG_01_titulo}" style="width:70%;align:center;"> 
                                        
                                         		 <h:panelGrid columns="3" width="100%">  
                                         		 		
											            <h:outputLabel for="usuario" value="Usuario: *" />  
											            <p:inputText id="usuario" value="#{loginMBean.account.acIdAccountPk}" required="true" label="usuario">  
											                <f:validateLength minimum="2" />  
											            </p:inputText>  
											            <p:message for="usuario" display="icon"/>  
											  
											            <h:outputLabel for="password" value="Password: *" />  
											            <p:password id="password" value="#{loginMBean.account.acStPassword}" label="password" required="true">  
											                <f:validateLength minimum="2" />  
											            </p:password>  
											            <p:message for="password" display="icon"/>  
											            
											        </h:panelGrid>
											         <p:commandButton icon="ui-icon-disk" id="btn" value="Entrar" update="panel" action="#{loginMBean.autenticar}"/>   
                                         </p:panel>
                                         </h:form>
                                        </td>
                                    </tr>
                                   
                                   
                                   
                                </table>
                            </td>
                            <td width="137" height="120"></td>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td width="600" height="24"></td>
                </tr>
            </table>
           
    </center>
    </ui:define>
    </ui:composition>
</html>
